#calendarwrapper{
	height:467px;
	position: fixed; 
	z-index: 99999; 
	top: 50%; 
	left: 50%;
	margin-top: -300px;
	margin-left: -436px;
	display: none;
	right: 100px;
	background-color: #FFF;
	padding: 20px;
	width: 872px;
	box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 6px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}
#overlay{
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
	display: none;
}
#calendaroverlay{
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
	display: none;
}

.calendartableday{
	width: 100%;
}
div.calendarwrapper{
	width: 350px;
}

div.calendarwrapper table.calendarlegend{
	width: 100%;
	margin-top: 10px;
	display: none;
}
div.calendarwrapper table.calendarlegend td.calendarColor{
	width: 15px;
}
div.calendarwrapper table.calendarlegend td.calendarLabel{
	
}

table.timetable tr{
	background-color: #EBEBEB;
}
table.timetable td{
/* 	 padding: 4px 2px; */
}

table.timetable thead{
	border-radius: 8px 8px 8px 8px;
	
}

table.timetable{
	border-collapse: separate !important;
	border-spacing: 0 2px;
}

.calendarbutton{
	display: block;
	background-color: #4D90FE;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
	background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
	background-image: linear-gradient(top,#4D90FE,#4787ED);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
	border: 1px solid #3079ED;
	color: white !important;
/* 	width: 30px; */
	padding: 4px 7px;
	float: left;

}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url('../../css/images/closebox.png') no-repeat center;
	border: none;
}

.loading{
	background:url('../../css/images/loading.gif') no-repeat ; 
/* 	display: none;  */
	position: fixed; 
	z-index: 999999; 
	height: 100px; 
/* 	border: 2px solid black; */
	WIDTH: 66px; 
	HEIGHT: 66px; 
	top: 50%; 
	left: 50%;
	margin-top: -100px ;
}

.timeheader{
	background-color: #DDDDDD;
    font-weight: bold !important;
    padding: 4px 2px;
}
.time{
	width: 60px;
}

.calendar_time_row{
	border-collapse: separate !important;
	border-spacing: 0 2px;
}
.calendar_time_used{
	background-color: #CAE6B3 !important;
}

.time_calendar_warnig{
	z-index: 999999;
	padding: 10px 15px;
	position: absolute;
	width: 300px;
	height: 140px;
	top: 50%; 
	left: 50%;
	margin-left: -150px;
	background-color:#F2F2F2;
	margin-top: -70px;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 6px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.time_calendar_warnig_text{
	
}

.time_calendar_warnig_okbutton{
	display: block;
	background-color: #4D90FE;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
	background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
	background-image: linear-gradient(top,#4D90FE,#4787ED);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
	border: 1px solid #3079ED;
	color: white !important;
	width: 30px;
	padding: 4px 7px;
}

.timeinfolink{
	display: block;
	width: 10px;
	height: 10px;
	background-color: #4D90FE;
}

#finalstep{
	display: none;
	z-index: 999999;
	padding: 10px 15px;
	position: absolute;
	width: 400px;
/* 	height: 140px; */
	top: 50%; 
	left: 50%;
	margin-left: -150px;
	background-color:#F2F2F2;
	margin-top: -150px;
	margin-left: -200px;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 6px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');

}




.ALL_FREE{
	background-image: none !important;
	background-color: #58A222 !important;
}
.ALL_BOOKED{
	background-image: none !important;
	background-color: #D60D3F !important;
}
.NOT_AVAILABLE{
	background-image: none !important;
	background-color: #A37CA3 !important;
}
.AVAILABLE_SPOTS{
	background-image: none !important;
	background-color: #FC0 !important;
}
.TODAY{
	background-image: none !important;
	background-color: #C60 !important;
}
.NORMAL{
	background-image: none !important;
	background-color: #CAE6B3 !important;
}

